<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>商品详情</title>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="../fonts/iconfont/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="../css/imagePreviewer.css"/>
    <link rel="stylesheet" type="text/css" href="../css/global.css"/>
    <style type="text/css">
    	video{width: 100%;}
    	.input_box input{border: 1px solid #999;}
    	.mui-segmented-control{height: 51px;width: 100%;}
    	.mui-segmented-control .mui-control-item{width: calc(90%/4);margin: 0 calc(10%/8);line-height: 51px;font-size: 15px;}
    	.user{width: 55%;}
    	.user span{width: 68%;display: inline-block;}
    	.goods_info{position: relative;}
    	.sold_tag{position: absolute;right: 20px;top: 30px;font-size: 80px;color: #a7536c;}
    	.disabled_btn{background: #999;border: 1px solid #999;}
    	.circle_pic{margin-right: 10px;max-width: 60px !important;height: 60px !important;border: 50%;}
    	.goods_pic{width: 100%;max-width: 160px;max-height: 74px !important;}
    	/*.goods_title img{min-height: 160px;max-height: 220px;}*/
    	#shopping,#disableshiping{position: fixed;bottom: 0;left: 0;margin-bottom: 0;}
    	.mui-btn.mui-disabled, .mui-btn:disabled, button.mui-disabled, button:disabled{background: #999;opacity: 1;border: 1px solid #999;}
   		.photo_box{position: relative;widows: 100%;height: 220px;overflow: hidden;text-align: center;line-height: 220px;}
   		.photo_box>img{height: 100% !impotant;width: auto;}
    
    </style>
</head>
<body ng-app="goodsApp" ng-controller="goodsController">
	<header class="mui-bar mui-bar-nav bg_white">
	    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	    <h1 class="mui-title colorP">商品详情</h1>
	    <a class="mui-pull-right">
	    <span ng-click="iscollection(2)" ng-if="collection==121" class="iconfont mui-icon color333">&#xe70a;</span>  <!--收藏-->
		<span ng-click="iscollection(1)" ng-if="collection==115" class="iconfont mui-icon colorP">&#xe622;</span>  <!--取消收藏-->
	    <span class="mui-icon iconfont" style="margin-left: 0;" id="shareApp_btn">&#xe6c2;</span>	    	
	    </a>
	</header>
	<div class="mui-content" style="padding-bottom: 46px;">
       <div class="bg_white margin-bottom5px goods_title">
	       	<div class="photo_box bg_white">
       			 <img class="" ng-src="{{goodsData.good_image}}" data-preview-src="" data-preview-group="1"/>
	       	</div>
      		<div class="paddingl_r_15px_tb11px goods_info">
       			<div class="mui-ellipsis line-height30px margin-bottom5px">{{goodsData.good_name}}</div>
       			<p class="color0 line-height20px font12">价格：<span class="colorRed">￥{{goodsData.price}}</span></p>
       			<p class="font13 line-height20px font12">工期：{{goodsData.maf_time}}</p>
       			<!--已售标签-->
       			<span class="mui-icon iconfont sold_tag" ng-if="goodsData.state == 1">&#xe626;</span>
       		</div>       		
       </div>
        <ul class="mui-table-view margin-bottom5px"><!--goodsData.id-->
	        <li ng-click="open_evaluateList(goodsData.id)" class="mui-table-view-cell margin-bottom5px bg_white">
	            <a class="mui-navigate-right">
	                <span>评价(<i>{{goodsData.comment_count}}</i>)</span>
	            </a>
	        </li>	
        	<li ng-click="seller_info(goodsData.uid)" class="paddingl_r_15px_tb11px border-bottom bg_white">
               <span class="sp_title">&nbsp;&nbsp;卖家信息</span>
            </li>
            <li class="paddingl_r_15px_tb11px mui-media bg_white border_bottom">
                <a href="javascript:;">
                    <img ng-click="icon_sub(goodsData.uid,goodsData.icon,goodsData.nick,goodsData.id)" class="mui-media-object mui-pull-left circle_pic"  ng-src="{{goodsData.icon}}">
                    <div class="mui-media-body">
                     	<div class="mui-clearfix margin-bottom10px">
                     		<span class="mui-pull-left">{{goodsData.nick}}</span>
                     		<span class="mui-pull-right iconfont mui-icon color999 line-height20px attention_btn font12" style="border: 1px solid #999;" ng-click="isattention(2)" ng-if="attention == 115" >&#xe6aa;取消关注</span>
                     		<span class="mui-pull-right iconfont mui-icon colorP line-height20px attention_btn font12" ng-if="attention == 121" ng-click="isattention(1)">&#xe669;关注</span>
                     	</div>
                     	<p class="font12">{{goodsData.personalized}}</p>
                    </div>
                </a>
            </li>            
        </ul>
        <div class="bg_white paddingl_r_15px_tb11px margin-bottom5px">
    		<div class="text-aligin">简介</div>
    		<p class="font12">{{goodsData.good_intro}}</p>
        </div>
        <div class="bg_white paddingl_r_15px_tb11px margin-bottom5px">
    		<div class="text-aligin">商品参数</div>
    		<p class="font12">{{goodsData.description}}</p>
        </div>
        <div class="bg_white margin-bottom10px">
    		<div class="text-aligin paddingl_r_15px_tb11px">图文详情</div>
 			<div class="mui-text-center" ng-repeat="(index,i) in goodsData.good_imgs" style="max-height: 300px;overflow: hidden;">
 			<img ng-src="{{i.imgs}}" data-preview-src="" data-preview-group="2" style="height: auto;width: 90%;" alt="" />
 			</div>
        </div>
        <!--举报-->
        <li ng-click="report(goodsData.id,1)" class="mui-table-view-cell margin-bottom5px bg_white">
            <a class="mui-navigate-right color666">
                <span><i class="iconfont mui-icon">&#xe927;</i>&nbsp;&nbsp;举报</span>
            </a>
        </li>
        <ul class="mui-table-view margin-bottom5px bg_white">
        	<li class="paddingl_r_15px_tb11px bg_white border-bottom">
               <span class="sp_title">&nbsp;&nbsp;猜你喜欢</span>
            </li>
            <li class="mui-table-view-cell mui-media" ng-repeat="(index,g) in goodsData.goods" ng-click="info(g.uid,g.type,g.id)">
                <a href="javascript:;">
                    <img class="mui-media-object mui-pull-left goods_pic " ng-src="{{g.good_image}}">
                    <div class="mui-media-body">
                     	<div class="mui-ellipsis" style="height: 21px;line-height: 21px;">{{g.good_name}}</div>
                     	<div class="mui-clearfix"><span class="mui-pull-right colorP font12">工期：<i>{{g.maf_time}}</i>天</span></div>
                     	<div class="mui-clearfix">
                     		<div class="mui-pull-left user">
                     			<div class="user_pic"><img ng-src="{{g.icon}}" /></div>
								<span class="padding_l line-height30px color999 mui-ellipsis font12">{{g.nick}} </span>
                     		</div>
                     		<span class="mui-pull-right colorRed line-height30px font12">￥{{g.price}}</span>
                     	</div>
                    </div>
                </a>
            </li>            
        </ul>
        <div ng-if="showBtn == 1">
	        <button ng-if="goodsData.state==0"  ng-click="shopping(goodsData.id,'detail_pay')" type="button" class="mui-btn mui-btn-blue mui-btn-block border-radius0 padding_tb_8px" id="shopping">立即购买</button>
	        <button ng-if="goodsData.state!=0" type="button" id="disableshiping" disabled class="mui-btn mui-btn-blue mui-btn-block border-radius0 padding_tb_8px" >已售出</button>
        </div>
		<!--分享弹窗-->
    	<div class="alert_window">
    		<ul class="share_list">
				<li>
					<span class="iconfont mui-icon">&#xe61d;</span>
					<p class="color0">微信好友</p>
				</li>
				<li>
					<span class="iconfont mui-icon">&#xe629;</span>
					<p class="color0">朋友圈</p>
				</li>
				<li>
					<span class="iconfont mui-icon">&#xe61f;</span>
					<p class="color0">QQ好友</p>
				</li>
				<li>
					<span class="iconfont mui-icon">&#xe614;</span>
					<p class="color0">QQ空间</p>
				</li>
				<li>
					<span class="iconfont mui-icon">&#xe640;</span>
					<p class="color0">微博</p>
				</li>
				<button type="button" class="mui-btn mui-btn-blue mui-btn-block padding_tb_8px margin0 cancel_btn">取消</button>
			</ul>
    	</div>
	</div>
</body>
<script src="../js/mui.min.js"></script>
<script src="../js/open.js"></script>
<script src="../js/mui.zoom.js"></script>
<script src="../js/mui.previewimage.js"></script>
<script src="../js/angular.min.js"></script> 
<script src="../js/jquery.min.js"></script>
<script src="../js/apppublic.js"></script>
<script src="../js/app/goods.js"></script>
<script type="text/javascript">
	var webPage = '/app/Trade/good_detail/id/';
	var shareContent = '分享一件商品给你';
</script>
<script src="../js/app/shareApp.js"></script><!--分享-->
<script type="text/javascript" charset="UTF-8">
	$().ready(function(){
		//图片预览
		mui.previewImage();
		//分享弹框
		share($('.alert_window'),$('.share_list'),$('#shareApp_btn'),$('.cancel_btn'))
	})
</script>
</html>